WORKSHOP 


Je eigen icoontjes maken 


Prachtpictogrammen 


Vista mag er dan oogverblindend uitzien, na een op- 
smukbeurt kan ook Windows XP verrassend uit de hoek 
komen. Bovendien kost het je geen cent. Een nieuwe bu- 
reaubladachtergrond instellen kan je ongetwijfeld al. Hoe 
je de standaardpictogrammen van Windows XP omtovert 
in fraaiere kunstwerkjes, lees je hier. ; rreveri meuris 


ES 


5 


WAT DOEN WE? 


WAARMEE? 


DUUR? 


MOEILIJKHEID? 


[ore of pictogrammen zijn een niet te onder- 
schatten onderdeel van eender welk besturings- 
systeem. Ze vertellen je in een oogopslag welke actie 
eraan gekoppeld is, zodat je snel en efficiënt kan 
computeren. Zo weet je bijvoorbeeld meteen waar je 
op moet klikken als je Internet Explorer wil openen 
en kan je aan het icoontje van je prullenbak zien of 
er iets in zit of niet. Maar alles kan natuurlijk beter, 
of op zijn minst mooier. Bovendien hoeft een facelift 
helemaal niet veel moeite te kosten. Je bureaublad- 
achtergrond heb je waarschijnlijk al lang aan je eigen 
smaak aangepast. Daarom gaan we in deze workshop 
de icoontjes eens aanpakken. Eerst vervangen we de 
A ie standaardexemplaren door een nieuwe set met Icon- 
Ì Packager, daarna geven we de persoonlijke mappen 


van onze gezinsleden een originele toets en ten 
slotte voorzien we ook onze website van een eigen icoontje. 


STAP 1 / ICONPACKAGER INSTALLEREN 


Met IconPackager kan je alle Windows-icoontjes in een handomdraai 
veranderen. Het beschikt standaard over een aantal alternatieve sets, 
maar je kan er ook downloaden op het internet. We geven je zo meteen 
een paar suggesties, maar eerst moet je IconPackager nog installeren. 
Je vindt een probeerversie van het tooltje op de cd-rom bij dit nummer. 
Daarmee kan je 30 dagen volledig gratis aan de slag. Steek het Clickx- 
schijfje dus in je pc, blader naar IconPackager, klik op InstaLteer en 
doorloop de installatiewizard. 


STAP 2 / EEN GESCHIKTE ICOONTJESSET ZOEKEN 


IconPackager heeft standaard al zes pictogrampakketten aan boord, 
maar op het net vind je er nog een heleboel. Op WinCustomize www. 
wincustomize.com/skins.aspx?libid=2 alleen al vind je er meer dan 700, al 
zijn die niet allemaal van dezelfde hoogstaande kwaliteit. Door op een 
miniatuurweergave te klikken, krijg je wat meer informatie over de set 
en een voorsmaakje van de pictogrammen. Om een pakket binnen te 
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WEL NANCY, WENDY, CINDY EN KELLV… 


JE ICOONTJES PERSONALISEREN 


halen, klik je eerst op de rode Downroap-knop. Op de volgende pagina 
klik je bovenaan op de rode bestandsnaam met de extensie 1p (zie af- 
beelding 2). Op WinCustomize kan je wel maximum 16 MB in totaal 
downloaden, wat overeenkomt met een drietal pakketten. 


} 4 5 
WinCustomize 


/OUR Hofle FOR SKINS, WALLPAPERS, THEMES, ICONS AND EVERYTHING YOU NEED TO CUSTOMIZE YOUR PC. 


Home Gallery Articles Forums Help Shop 


Click link to download 


F Ere 


* Get rid of ads! Unlimited downloads! Subscribe today! ** 


Op WinCustomize vind je alles om je computer mee te verfraaien, al is regi- 
streren de boodschap als je veel wil downloaden. 


STAP 3 / PICTOGRAMMEN INVOEGEN IN ICONPACKAGER 


Als je IconPackager opstart, word je meteen aangemaand om het pro- 
gramma te kopen. Met een druk op de groene Continve-knop verdwijnt 
het registratiekadertje en krijg je de interface van IconPackager te 
zien. Aan de linkerkant heb je een donkergrijze, verticale balk met drie 
opties: Packages, Icons AnD Cursors en Setrinas. Met de eerste keuze ver- 
ander je in één klap al je pictogrammen, met de tweede kan je elk 
icoontje apart aanpassen en met de derde optie kan je de tool naar 
wens instellen. Wij gaan het onszelf niet te moeilijk maken en kiezen 
voor Packaces. Nu krijg je in het hoofdvenster een lijst met de reeds 


a. Nog meer iconen 


== Ook op de online kunstgemeenschap DeviantArt 
kan je gratis setjes voor IconPackager afhalen. Linksbo- 
ven, onder het logo, klik je daarvoor op de knop met het label 
Categories. In het uitklapmenu klik je achtereenvolgens op Cusro- 
MIZATION, Icons en IconPackacer. Om alle setjes te zien, klik je nu in 
het balkje boven het voorbeeld op Aut Time. Downloaden doe je 
door op een voorbeeld te klikken en vervolgens aan de linkerkant 
voor DownLoap te kiezen. 


geïnstalleerde pakketten en enkele voorbeeldicoontjes voor elke set 
(zie afbeelding 3). Onder die lijst klik je op de knop InstatL NEW Package 
en kies je in het uitklapmenu voor InsraLL FROM pisk. Nu moet je het 
programma de weg wijzen naar de set die je net gedownload hebt. Met 
een klik op Openen wordt het pakket aan de lijst toegevoegd. 


» IconPackager (Evaluation Day: 5 of 30) 
File View Tools Help 


a Include 
Windows Default Icons % Ca S | ElDesktop 
we FI 
Author: — e ed Start 


Featured Package Folders 
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nk) Je 
EG Ee 
Crystal en DET Custom Files 
Author : Pixtudio A % Jar Cursors 
Gnome256 VvE art Quick Launch 
a 


CopperDeck2_4.5 


Author : Pixtudio 


| 
| Selected Package: Windows Default Icons Sort by name 


| Load Install new Package v 


Uitkiezen, toepassen en klaar! 


STAP 4 / ICOONTJES VERANDEREN 


Nu is het tijd om onze saaie standaardpictogrammen te vervangen door 
hun blitsere broers. Selecteer in de lijst de set die je wil gebruiken. Als 
je eerst nog eens alle pictogrammen uit dat pakket wil bekijken, klik 
je onderaan op Preview (zie afbeelding 4). Als je een beslissing genomen 
hebt, klik je op Loap. Het veranderen kan even duren, maar na een 
tiental seconden zou het gebeurd moeten zijn. Als je nog geen veran- 
dering ziet, klik je op AppLy. Ben je niet tevreden met wat je ziet, dan 
selecteer je gewoon een andere set en kies je opnieuw voor Loan. 


CopperDeck2_4.5 Preview 


(O viewtcon Ll ( B ml 


3 all icons | ES 


3) General Preview 5 -- 
My Documents My Computer 
My Network Places Internet Explorer 
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Recycle Bin Recycle Bin (full) 
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Gom, 

<>) Cursors 

GJ Quick Launch 
(B control Panel 


Met de previewknop kan je alle icoontjes op voorhand al eens bekijken. 


STAP 5 / ICON CRAFT INSTALLEREN 


Met de nieuwe pictogrammen doet je computer al wat hipper aan, maar 
het kan nóg beter. Stel dat er op het bureaublad een snelkoppeling 
staat naar de persoonlijke map van elk gezinslid. Dan zou het toch veel 
leuker zijn als je aan het icoontje kan zien naar wiens map de snelkop- 
peling leidt, niet (zie afbeelding 5)? Daarvoor gaan we zelf een picto- 
gram maken of bewerken. Dat kan gemakkelijk met Icon Craft, waarvan 
je eveneens een probeerversie vindt op onze cd-rom. Met deze versie 
kan je maar zeven icoontjes bewaren, al zal dat voor de meeste gezin- 
nen ruim voldoende zijn. Spreek nogmaals de Clickx-cd aan en zwier 
Icon Craft op je harde schijf. Bij het opstarten krijg je eerst een ka- 
dertje te zien dat je aanmaant om je te registreren, maar met de 
OK-knop leg je dat meteen het zwijgen op. Het tooltje start op en je 
krijgt een welkomstkadertje waarin je een keuze moet maken. 


Deze Frederik. 
computer 


U wm 


Prullenbak foto's 


Als je niet graag op 

je eigen gezicht kijkt, 
kan je natuurlijk ook 
een andere foto kiezen 
voor je pictogram. 


STAP 6 / EEN NIEUW ICOONTJE MAKEN 


De mogelijkheden met Icon Craft zijn legio. Je kan beginnen met een 
leeg canvas en zelf een volledig pictogram tekenen, maar je kan ook 
een afbeelding van je harde schijf importeren. Bovendien kan het pro- 
gramma alle icoontjes die op je computer staan tevoorschijn toveren, 


We leon Craft -006BIDG 
Fe Et Took Effects Veum Heb 


JUSOEEE LHS LUOK TE mmm mame 
cy EBWS EOPP $POOr v 


De interface van Icon Craft ziet er ingewikkelder uit dan hij is. 


VAKTAAL A -M N-Z 


EXTENSIE: Het laatste gedeelte van een bestandsnaam — het gedeelte dat na het punt staat. 
De extensie bepaalt wat voor soort bestand het is. Zo is een doc-extensie een Word-bestand 
en een pdf-extensie een pdf-bestand. Sommige besturingssystemen, zoals Mac OS en Linux, 
gebruiken geen extensies, in tegenstelling tot Windows. 
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DE EXTENSIE VAN ICONEN 


Icoontjes zijn te herkennen aan hun ico-extensie. Zo'n ico-bestan- 
den bevatten vaak meer dan één versie van hetzelfde pictogram. 
Afhankelijk van je instellingen in Windows zullen de gebruikte 
icoontjes immers groter of kleiner zijn en meer of minder kleur- 
diepte gebruiken. Het volstaat dus niet om bijvoorbeeld een 
jpg- of gif-bestand te hernoemen naar een ico-bestand. 


zodat je er een kan uitkiezen om te bewerken. Omdat onze icoontjes 
moeten dienen voor een persoonlijke map, vertrekken we van een foto 
van de eigenaar. Klik dus op CREATE A NEW ICON FROM IMAGE FILE en blader 
naar een geschikte foto. Vervolgens krijg je een venster waarin je de 
foto nog wat kan aanpassen, maar meestal kan je de standaardinstel- 
lingen gewoon laten staan. Met een druk op OK kan je aan het bewer- 
ken beginnen (zie afbeelding 6). Aan de rechterkant van het werkblad 
krijg je voorbeelden van hoe je pictogram er uitziet. Aan de linkerkant 
bevindt zich het gereedschap waarmee je kan tekenen. Ondanks de 
vreemde knoppen is het ongeveer hetzelfde gereedschap als wat je in 
Windows Paint aantreft. Als je je muisaanwijzer even boven een knopje 
laat zweven, krijg je meteen wat uiteg. Tekenen maar! 


STAP 7 / HET ICOONTJE TOEWIJZEN AAN EEN MAP 


IconPackager heeft daarstraks alle standaardicoontjes vervangen door 
mooiere exemplaren, maar nu moet je zelf de handen uit de mouwen 
steken. Op de snelkoppeling naar je persoonlijke map klik je met je 
rechtermuisknop en selecteer je onderaan het uitklapmenu EreEnscHar- 
PEN. Normaal gezien kom je meteen op het tabblad SneLkopreLinG terecht. 
Onderaan zie je de knop Anner picroaram (zie afbeelding 7). Als je daar 


Eigenschappen voor Clickx 


Algemeen| Snelkoppeling | Beveiliging 


Fr Clicks 
Ed 5 


Doeltype: Bestandsmap 
Doelmap: R:\ 
Doel RB:\Clieks 


Beginnen in: 


Sneltoets: Geen 


Uitvoeren: Normaal venster 


Doel zoeken… Ander pictogram. 


Opmerking: 


Snelkoppelingen kan je heel 
makkelijk in een ander jasje 
steken. 


a. Standaardiconen terugzetten 


== Wil je de snelkoppeling van je persoonlijke map terug het stan- 
daardicoontje geven, maar vind je het nergens terug? Wijs je compu- 
ter dan de weg naar C:\winpows\systeM32\sneLL32.DiL. In dat bestand 
zitten de standaardpictogrammen van Windows verpakt. 
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op klikt, kan je kiezen uit de standaardpictogrammen. Met de knop 
BLApereNn kan je nu op zoek naar je eigen creatie. Twee drukken op OK 
later is het al gepiept. 


STAP 8 / EEN ICOONTJE VOOR JE WEBSITE MAKEN 
Als je naar de Clickx-site surft, zie je in de adresbalk dat 


er een geel bolletje met een zwarte X voor komt te staan, dat doet 
denken aan ons logo. Op die manier zorgen we ervoor dat onze site in 
het oog springt als je hem tussen je favorieten zet. Dat icoontje heet 
favicon, en je kan het op een paar seconden online laten maken aan de 
hand van een afbeelding op je pc. Op bijvoor- 
beeld kan dat heel eenvoudig. Met de knop BLaperEN ga je op zoek naar 
de afbeelding waar je een favicon van wil maken. Best zorg je dat die 
afbeelding vierkant is; anders zal hij vervormd worden. Als je er nog 
scrollende tekst wil bijzetten, typ je die in het vakje Scrouuina Text. Wil 
je dat je favicon van boven naar beneden schuift, dan zet je een 
vinkje bij Animate Favicon. Experimenteren is de boodschap. Tenslotte 
druk je op GENERATE Favicon.ico voor een preview. Om het resultaat te 
bewaren, gebruik je de blauwe knop met als label Downtoa Favicon (zie 
afbeelding 8). 


CADocuments and Si Bladeren. | 


Source Image : 


Scrolling Text (optional) : 


Animate Favicon : 


Generate Favlcon.ico 


Preview: 


Address E http://yoursite/ MW 


(@lTest in Browser 


STAP 9 / FAVICON AAN JE WEBSITE TOEWIJZEN 


Eerst moet je het bestandje op je webserver zwieren, in dezelfde map 
waarin je de pagina’s van je site bewaart. Daarna open je de startpa- 
gina van je stek (meestal is dat inpex.nrM of inpex.nrML) met Kladblok of 
je favoriete websitebouwer. In de html-code ga je op zoek naar <HeaD>. 
Die staat normaal gezien ergens bovenaan. Vlak onder <Heap» geef je 
vervolgens <LINK REL=""SHORTCUT ICON” HREF=" FAVICON.ICO® TYPE="IMAGE/X-ICON” 
/> in (zie afbeelding 9). Bewaar de pagina en upload ze naar je web- 
ruimte. Het kan even duren voor de verandering doorgevoerd wordt, 
maar na een tijdje zou je icoontje naast je webadres moeten verschij- 


nen. « 


B index.htm - Kladblok 
Bestand Bewerken Opmaak Beeld Help 


<IDOCTYPE html PUBLIC "-/AW3CA/DTD XHTML 1.0 Transitional//EN” 
B et ded eN ae dede 


<html xmIns="http://mww. w3. or g/1989/ xhtml "> 


vican. ico” type="Îmage/x-ico 


. 


rst — Home</title> 


<meta name="robots" content="index, follow 


e="text/css"/> 
ead> 


escription” content="Facefirst js a Belgian punkpop-/pop 

<meta name="keywords" content="facefirst, face, first, band, Belgium, 

<meta name="Generator" content="Joomla! — ae Cc) 2005 — 2006 O 
me 


<link rel="shortcut icon” href="http://www. facef inst. be/image 
<link rel="stylesheet" href="http://www.facefirst. be/template 


Met een favicon 
springt je site 


El eruit in een 
favorietenlijst. 


Zo ziet je site eruit onder de motorkap. 


